<!DOCTYPE html>
<html>
<head>
<title>The Simplest Dojo DataGrid Example of All Time</title>
  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css" />
  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojox/grid/resources/Grid.css" />
  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojox/grid/resources/claroGrid.css" />
</head>
 
<body class="claro">
    <div style="width: 1000px; height: 200px">
        <table id="billsGrid" dojoType="dojox.grid.DataGrid">
            <thead>
                <tr>
                    <th field="title" width = "300px" >Title</th>
                    <th field="developer"  width = "300px" >Developer</th>
                    <th field="score"  width = "300px" >Score</th>
                </tr>
            </thead>
        </table>
    </div>
 
<script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js"
        djConfig="parseOnLoad:true"></script>
 
<script type="text/javascript">
        dojo.require("dojox.grid.DataGrid");
        dojo.require("dojo.data.ItemFileReadStore");</script>
 
<script type="text/javascript">

dojo.ready(function() {
      var dataStore =  new dojo.data.ItemFileReadStore(
    		            { url: "http://localhost/msgSp12/ActionController" });
      var grid = dijit.byId("billsGrid");
    grid.setStore(dataStore);
});
</script>
 
</body>
</html>